Exemplars: Create a high-fidelity prototype for your mobile app 示例參考:移動端高保真原型案例
1 MediMatch Connect
功能:幫助使用者查詢、比較和聯絡醫療服務提供者。
互動:使用者可點選切換醫生資訊,實現比較和選擇。
2 Fairweather Pavilion Rentals
功能:幫助使用者查詢、預訂並支付市區公園涼亭租金。
互動:模擬搜尋、選擇時間、填寫資訊和付款等步驟。
3 Go>>Fresh
功能:讓本地小商戶管理庫存(檢視、新增、追蹤)。
互動:清晰展示庫存流程,操作直觀易用。
動畫與互動建議
- 所有範例的手勢和動畫都很簡潔,大多數使用“點選觸發 / 立即跳轉”。
- 導航選單可嘗試使用不同動畫型別(如覆蓋或滑動),更符合使用者期望。
- 適當動畫可以提升介面層級感和引導性,但必須保持簡潔、易懂和可訪問。
自我檢查清單
你可以根據以下標準檢查自己的高保真原型:
- 是否包含至少 4 個螢幕,並形成可點選的流程?
- 使用者能否前進或返回?
- 是否能從不同頁面入口進入流程?
- 是否設定了明確的導航提示(如按鈕、圖示等)?
- 是否新增了螢幕轉場動畫以增強動效體驗?
- 動畫速度是否符合可訪問性標準(不太快或太慢)?
- 是否包含操作完成的成功提示(如提交成功)?
- 操作完成後,使用者能否返回到起始頁面?